/*分类 css*/
.classes-wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f0f0f2;
}
.clasify-serch-box{height:40px;padding:0px 10px;background-color:#ffffff;position:relative;padding-top:10px;text-align:center}
.clasify-serch{margin-left:auto;margin-right:auto;width:8.933rem;height:30px;background:#f0f0f2;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;text-indent:26px;font-size:13px;color:#929292}
.class-search-icon{position:absolute;top:16px;left:27px;display:inline-block;width:16px;height:16px;text-indent:15px;background:url(../../images/) no-repeat;background-size:100%}
.clasify-head{display:-webkit-box;display:-webkit-flex;display:flex;background-color:#FFFFFF}
.clasify-head a{position:relative;font-size:16px;color:#494949;-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;height:44px;line-height:44px}
.clasify-head a.active{color:#FF893E}
.clasify-head a.active:before{display:inline-block;content:'';width:60px;position:absolute;left:50%;margin-left:-30px;bottom:0;border-bottom:2px solid #FF893E}

/*分类 四宫格*/
.classify-tab1{position:relative;width:100%;height:2.4rem}
.classify-tab1 .imgs{width:100%;height:2.4rem; position: relative;}
.classify-tab1 .layer{position: absolute;top:0;left:0;width:100%;  height:2.4rem;background-color: #000000;opacity: .3;z-index: 2}
.classify-tab1 .text{width:100%;font-size:.533rem;color:#ffffff;position:absolute;top:50%;margin-top:-.4rem;text-align:center;z-index: 10;background-color: inherit}
.classify-tab1 .imgs img{width:100%;height:2.4rem}
.class-category-box{padding: 0px 10px;background-color: #FFFFFF}
.class-category{display: -webkit-box;  display: -webkit-flex;  display: flex;padding: 10px 0px}
.category-border-t{border-bottom: 1px solid #e2e2e2}
.class-category a,.home-brand a{display: block;-webkit-box-flex: 1;  -webkit-flex: 1;  flex: 1;text-align: center}
.class-category a img{width:1.6rem;height:1.6rem;display:inline-block}
.class-category a p{font-size:12px;  color:#6f6f6f;text-align: center}

/* 品牌 tab2*/
.home-brand-box{background: #FFFFFF;}
.home-brand {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.home-brand a.like-brand:nth-child(1), .home-brand a.like-brand:nth-child(2),.home-brand a.like-brand:nth-child(3) {
    border-right: 1px solid #e2e2e2;
}
.home-brand a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    border-top: 1px solid #e2e2e2;
}
.home-category a, .home-brand a {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
}
.my-love h3{
    font-size: 12px;
    line-height: 24px;
    padding-left: 15px;
    color: #a2a2a2;
    background: #FFFFFF;
    border-top: 1px solid #e2e2e2;
}
.home-brand a img {
    width: 100%;
    height: 2.48rem;
}
.classify-tab2-t{}
.classify-tab2-t h3{
    font-size:12px;
    color:#929292;
    height:24px;
    line-height: 24px;
    padding-left: 10px;
}

/*字母排序*/
.list-container,.list-container dl,.list-container dl dt,.list-container dl dd,.list-submenu{
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
}
.list-container dl dt h2 {
    font-size:16px;
    color:#333333;
    font-weight: 400;
    padding: 5px 0 5px 15px;
}
.list-container dl dd,.list-submenu dl dd{
    border-bottom: 1px solid #eee;
    background: #fff;
    position: relative;
    padding: 10px 0px;
}
.list-container dl dd a ,.list-submenu dl dd a{
    display: block;
    font-size:14px;
    color:#333333;
    height: 100%;
    overflow: hidden;
}
.list-container dl dd img,.list-submenu dl dd img{
    width:50px;
    height:50px;
    display: inline-block;
    border:1px solid #D8D8D8;
    border-radius: 100%;
    margin-left: 10px;
}
.list-container dl dd span{
    padding-left: 10px;
    font-size:16px;
    color:#494949;
}
/*快速查找*/
.list-select{
    position:fixed;
    top:0;
    right: .2666rem;
    z-index:2;
    width: 15px;
    text-align: center;
    margin-top: 1.853rem;
}
.list-select a{color:#333}
.list-select a{
    font-size: 14px;
    display: block;
}
.active .weui_tabbar_label{
    color: #FF893E;
}